 $(function($){
        // 获取需要用到的元素------------------------
         let register=$('.register');
         let denglu=$('.denglu');
         let fanhui=$('.fanhui');
         let zhuce=$('.zhuce');
         let inp1=$('#inp1');
         let inp2=$('#inp2');
         let inp3=$('#inp3');
         let inp4=$('#inp4');
         let inp5=$('#inp5');
         let inp6=$('#inp6');
         let duoxuan=document.querySelector('.duoxuan');
         let huoqu=$('.huoqu')
        //  阻止浏览器的默认行为
        // register.on('submit',function(e){
        //     e=e||window.event;
        //     e.preventDefault();

        // })
        //  用事件委托的形式给注册框绑定点击事件-----------------
         register.on('click',function(e){
           e=e||window.event;
           if(e.target.classList.contains('login')){
              register.css({
                 display:'none'
             });
             denglu.css({
                 display:'block'
             })
           }
         
             if(e.target.classList.contains('zhuce')){
             console.log(1);
           }
           
         })
        //  判断注册框什么时候可以点击
         $(document).on('click keyup',function(){
            if(inp1.val()==""||inp2.val()==""||inp3.val()==""||inp4.val()==""||duoxuan.checked==false){
                zhuce.attr('disabled',"")
                 zhuce.css({
                backgroundColor:'#bdcefc'
            })
                return;
            }
            
           
            zhuce.removeAttr('disabled');
            zhuce.css({
                backgroundColor:'blue'
            })
           
         })
        //  点击获取四位数随机验证码
        huoqu.on('click',function(){
            let res=parseInt(Math.random()*8999+1000);
            huoqu.text(res)
            // console.log(res);
        })

        //  给用户名验证添加正则方法
          jQuery.validator.addMethod(
            'inp1Test',
            function (value) {
                let reg = /^[\u4e00-\u9fa5a-z]+$/i;
                let res = value.replace(/[\u4e00-\u9fa5]/g, 'aa');
                if (reg.test(value) && res.length <= 14 && res.length >= 7) {
                    return true;
                }
                return false;

            },
            "由字母或汉字组成且不能超过14个字符"

        )
        // 给手机号码验证添加正则方法
         jQuery.validator.addMethod(
            'inp2Test',
            function (value) {
                let reg = /^1[3-9]\d{9}$/;

                if (reg.test(value)) {
                    return true;
                }
                return false;

            },
            "手机号码格式错误"

        )
        // 给密码验证添加正则方法
        jQuery.validator.addMethod('inp3Test',function(value){
            let reg=/^[0-9a-z]{10,100}$/;
                if (reg.test(value)) {
                    return true;
                }
                return false;
        },"须由不少于10个字符的数字和字母组成")
        // 给验证码添加验证方法

        jQuery.validator.addMethod('inp4Test',function(value){
            let reg=huoqu.text();
            if(reg==value){
                return true;
            }
            return false;
        },"验证码错误")
        //  对注册页面进行正则的表单验证--------------------
        
         register.validate({
             rules:{
                inp1:{
                    inp1Test:true,
                     required:true,
                 },
                inp2:{
                    inp2Test:true,
                     required:true,
                 },
                inp3:{
                    inp3Test:true,
                     required:true,
                 },
                 inp4:{
                    inp4Test:true,
                     required:true,
                 }
             },
             messages:{
                 inp1:{

                     required:"用户名不能为空",
                 },
                inp2:{
                     required:"手机号不能为空",
                 },
                inp3:{
                     required:"密码不能为空",
                 },
                 inp4:{
                     required:"验证码不能为空",
                 }
             },
             submitHandler:function(form){   
                    async function zhuce(){
                     let res=await pAjax({
                         url:`/self/regist.php`,
                         type:'get',
                         data:`username=${inp1.val()}&tel=${inp2.val()}&password=${inp3.val()}`
                     })
                     res=JSON.parse(res);
                     if(res.code){
                         alert(`注册成功`);
                          register.css({
                       display:'none'
                          });
                       denglu.css({
                        display:'block'
                                    })
                     }else{
                         alert("添加失败");
                     }
                     console.log(res);
                 }
                 zhuce();      
                //  alert("提交成功")
             },
         })



        //  在登陆页面若没有帐号可以返回注册页面进行注册 ------------ 
         fanhui.on('click',function(){
             register.css({
                 display:'block'
             });
             denglu.css({
                 display:'none'
             })
         })
        //  在登陆页面对登陆表单进行验证
           denglu.validate({
             rules:{
                inp5:{
                    
                     required:true,
                 },
                inp6:{
                   
                     required:true,
                 },
               
             },
             messages:{
                 inp5:{

                     required:"用户名不能为空",
                 },
                inp6:{
                     required:"密码不能为空",
                 },
               
             },
             submitHandler:function(form){         
              
                async function deng(){
                     let res=await pAjax({
                         url:`/self/login.php`,
                         type:'post',
                         data:`username=${inp5.val()}&password=${inp6.val()}`
                     })
                     res=JSON.parse(res);
                     if(res.code){
                         alert('登陆成功');
                         setCookie('key',inp5.val());
                         let url = localStorage.getItem('url');
                         localStorage.removeItem('url');
                         location.href = url ? url : './list.html';
                     }else{
                         alert('登陆失败')
                     }
                     console.log(res);
                 }
                 deng();
                 
             },
         })
})